#include("./header.html")
#@header("search")
#articlePage(pageSize=10, orderBy="order_number desc")
<main class="py-4 py-lg-5">
    <div class="container">
        <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-9">
                <section class="post-list list-grid list-bordered my-n4">
                    #for(article : articlePage.list)
                    <div class="list-item block item-regular post type-post status-publish format-standard has-post-thumbnail sticky hentry category-trip special-rzcs">
                        <div class="list-content py-lg-2">
                            <div class="list-body ">
                                <div class="text-lg h-2x">
                                    <a href="#(article.url ??)" class="list-title" title="#(article.url ??)">#(article.title ??)</a>
                                </div>
                                <div class="d-none d-md-block text-sm text-muted mt-3">
                                    <a class="text-muted" href="#(article.url ??)"
                                       target="_blank">#maxLength(article.text,115)...</a>
                                    <!--
<div class="h-3x">#maxLength(article.text,115)</div>-->
                                </div>
                            </div>
                            <div class="list-footer d-flex">
                                <div class="text-xs text-muted">

                                    <span class="d-inline-block"> #date(article.created, "yyyy-MM-dd")</span>
                                    <i class="text-primary px-2">&bull;</i>
                                    <span class="d-inline-block">
                                        <a class="text-muted" href="#(article.url ??)"
                                           target="_blank">#(article.view_count ??) 次阅读</a>
                                    </span>
                                </div>
                                <div class="ml-auto text-xs text-muted ">
                                    <span class="d-inline-block text-primary px-2" data-toggle="tooltip"
                                          data-placement="top" title="置顶">
                                        #if(article.order_number > 10)
                                        <i  class="text-lg iconfont icon-arrowhead-up-outline"></i>
                                        #end
                                    </span></div>
                            </div>
                        </div>
                        #if(article.thumbnail != null)
                        <div class="list-image col-3">
                            <div class="media shadow">
                                <a href="#(article.url ??)" class="media-content"
                                   style="background-image:url('#(article.thumbnail ??)">
                                </a>
                            </div>
                        </div>
                        #end
                    </div>
                    #end

                </section>

                <nav class="navigation pagination" role="navigation">
                    <h2 class="screen-reader-text">文章导航</h2>
                    <div class="nav-links">
                        #articlePaginate(firstGotoIndex=true, activeClass="current")
                        #for(page : pages)
                        #if(page.text != "上一页" && page.text != "下一页")
                        <a class="page-numbers #(page.style)" href="#(page.url ??)">#(page.text ??)</a>
                        #end
                        #if(page.text == "下一页")
                        <a class="next page-numbers" href="#(page.url ??)">
                            <i class="iconfont icon-arrow-ios-forward-ou"></i></a>
                        #end
                        #end
                        #end

                    </div>
                </nav>

            </div>
        </div>
    </div>
</main>
#end
#include("./footer.html")